<template>
  <!-- 这是合作商 -->
  <div id="partner">
    <link
      href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1"
      rel="stylesheet"
      type="text/css"
    />
    <div class="middle_img">
      <div class="img_title">
        <van-cell title="合作商" icon="medal-o" />
      </div>
      <div class="title_swipe">
        <ul>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=191"><img src="../../assets/1.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=193"><img src="../../assets/2.png" alt=""></a></li>
          <li><a href="https://company.uekea.com/#/mallCatalog"><img src="../../assets/3.png" alt=""></a></li> 
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=189"><img src="../../assets/4.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=194"><img src="../../assets/5.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=129"><img src="../../assets/6.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=187"><img src="../../assets/7.png" alt=""></a></li>
          <li><a href="https://company.uekea.com/#/mallCatalog"><img src="../../assets/8.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=164"><img src="../../assets/9.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=195"><img src="../../assets/10.png" alt=""></a></li>
          <li><a href="https://mp.uekea.cn/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=merch&merchid=190"><img src="../../assets/12.png" alt=""></a></li>
          <li><a href="https://company.uekea.com/#/mallCatalog"><img src="../../assets/13.png" alt=""></a></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      current: 0, //轮播指示器位置
      // 头部轮播图
      images: [],
      // 合作商
      imageList: [],
    };
  },
  methods: {
    // onClickLeft() {
    //   window.history.go(-1);
    // },
    // onChange(index) {
    //   this.current = index;
    // },
  },
};
</script>

<style lang="less" scoped>
// #partner {
//   background-color: white;
// }
/deep/ .swipe {
  overflow: hidden;
}
.van-swipe-item {
  font-size: 0px;
  transform: translate3d(0, 0, 0);
  img {
    height: 100%;
    width: 100%;
  }
}
/deep/ .van-swipe__indicator {
  height: 8px;
  width: 8px;
  opacity: 0.5;
  background-color: #ccc;
}
/deep/ .van-swipe__indicator--active {
  background-color: white;
  opacity: 1;
}
// 轮播指示器
.custom-indicator {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 2px 5px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.1);
}
.middle_img {
  font-size: 0px;
  // img {
  //   height: 100%;
  //   width: 100%;
  // }
}
.title_swipe {
  height: 100vh;
  ul{
    height: auto;
    li{
      display: inline-block;
      width: 28%;
      margin: 10px;
      img{
        width: 100%;
      }
    }
  }
}
.img_title {
  font-size: 26px;
  .van-cell {
    padding: 25px 15px;
    padding-bottom: 10px;
  }
  .van-cell__title {
    font-size: 22px;
  }
  .van-icon-medal-o {
    font-size: 24px;
    color: red;
  }
}
</style>